<template>
    <div id="title-view">
        <div class="title">
          <span class="sub-title">武威市凉州区道路运输管理局</span><br>
          <span class="main-title">道路运输行业信息化监管平台</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'TitleView',
        data () {
            return {
                msg: 'Welcome to Your Vue.js App'
            }
        },
        mounted(){

        }
    }
</script>

<style lang="scss" scoped>
  @import "../../../static/common/common.scss";

    #title-view {
      pointer-events: auto;
      position: absolute;
      top: 0px;
      right: 0px;
      width: 100%;
      height: 56px;
      background: url("../../../static/images/index/title-bg.png") no-repeat top center;
      background-size: contain;
      text-align: center;
      .title{
        width: 360px;
        height: 100%;
        display: inline-block;
        .sub-title{
          font-size: $sub-title;
          /*line-height: 30px;*/
        }
        .main-title{
          font-size: $main-title;
          line-height: 38px;
        }
      }
    }
</style>
